// stylus
$red =  #ff0000
$btn-min-width = 58px
$btn-min-height = 28px
$btn-medium-width = auto
$btn-medium-height = 28px
:global
  *
    box-sizing border-box
    margin 0
    padding 0
    font-family -apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,Helvetica,PingFang SC,Segoe UI,Roboto,Hiragino Sans GB,arial,microsoft yahei ui,Microsoft YaHei,SimSun,sans-serif
    -webkit-font-smoothing antialiased
    -moz-osx-font-smoothing grayscale
    // font-weight 400
    outline none
    &:focus
      outline none /*for IE*/
    &::-moz-focus-inner
        border-color transparent /*for mozilla*/
  .f18
    font-size 18px
  .f12
    font-size 12px
  .f16
    font-size 16px
  .f21
    font-size 21px
  .f14
    font-size 14px !important
  .family-reg
    font-family PingFangSC-Regular
  .family-YH
    font-family MicrosoftYaHei
  .family-Med
    font-family PingFangSC-Medium,Microsoft YaHei,"微软雅黑"
  .fw400
    font-weight 400
  .fw500
    font-weight 500
  .fw-bold
    font-weight bold
  .color-9
    color #999999
  .color-bf
    color #BFBFBF
  .color-3
    color #333333
  .red
    color #E63740
  .p10
    padding 10px
  .pd0
    padding 0
  .pt5
    padding-top 5px
  .pt10
    padding-top 10px
  .pb10
    padding-bottom 10px
  .mt15
    margin-top 15px
  .pl30
    padding-left 30px
  .pl40
    padding-left 40px
  .pl20
    padding-left 20px
  .pr20
    padding-right 30px
  .pr30
    padding-right 30px
  .ml5
    margin-left 5px
  .mt4
    margin-top 4px
  .mr5
    margin-right 5px
  .ml10
    margin-left 10px
  .mt10
    margin-top 10px
  .mr10
    margin-right 10px
  .ml20
    margin-left 20px
  .mr20
    margin-right 20px
  .mt20
    margin-top 20px
  .mb20
    margin-bottom 20px
  .mr30
    margin-right 30px
  .w216
    width 216px
    line-height 22px
    overflow-wrap break-word
    white-space normal
    word-wrap break-word
  .w400
    width 400px
    line-height 22px
    overflow-wrap break-word
    white-space normal
    word-wrap break-word
  .tc
    text-align center

  .fl
    float left

  .fr
    float right
  
  .dp-ib
    display inline-block

  .el-message
    z-index 10000!important

  .decoration-none
    text-decoration none

  html,body,#app
    margin 0
    padding 0
    width 100%
    height 100%
    background #F0F2F5
    font-family "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif
    word-spacing 1px
    -ms-text-size-adjust 100%
    -webkit-text-size-adjust 100%
    font-weight 400

    .el-dialog__wrapper,.el-drawer__wrapper
      z-index 9999 !important
    
    .el-message-box__wrapper,.el-select-dropdown,.el-tooltip__popper
      z-index 10000 !important
    .authother-popover
      min-height 115px !important
      min-width 315px !important
      padding-top 22px !important
      border-radius 2px !important
      .driver-popover-title
        color #666666 !important
        font-weight 400 !important
        font-size 14px !important
        padding-bottom 25px
      .driver-popover-footer
        .driver-close-btn
          background #0975E1 !important
          color: #ffffff !important
          border-radius 3px !important
          font-size: 14px !important
          font-weight 400 !important
          text-shadow none !important
    .el-input__icon
      line-height 28px
    .el-button
      font-size 14px
      border-radius 0
      font-family PingFangSC-Regular
      font-weight 400
      cursor pointer
      &.btn-primary
        background rgba(48, 123, 246, 0.6)
        // &:hover
        //   background rgba(38, 98, 197, 1)
        // &:active,&:focus
        //   background rgba(48, 123, 246, 1)
        &.btn-primary-hover
          background rgba(48, 123, 246, 1)
          &:hover
            background rgba(38, 98, 197, 1)
      &.color-gray,&.color-gray:hover,&.color-gray:active,&.color-gray:focus
        color #999999
        border 1px solid #D9D9D9
      &.color-blue, &.color-blue:hover, &.color-blue:active, &.color-blue:focus
        color #307BF6
        border 1px solid #307BF6
      &.min
        width $btn-min-width
        height $btn-min-height
        padding 0
      &.medium
        width $btn-medium-width
        height $btn-medium-height
        padding 0 10px!important
      &.bg-color-blue
        background #307BF6
        color #ffffff
        border-color #307BF6
        &.is-disabled
          opacity 0.7
          cursor not-allowed
    .el-tooltip
      &.el-icon-question, &.el-icon-info
        color #d9d9d9
        vertical-align middle
        cursor pointer
    .el-aside
      overflow hidden
      .el-menu
        border none
        background #000c17
        .el-submenu__title
          height 40px
          line-height 40px
          color #FFFFFF
          background #000C17
          padding 0 10px !important
          i
            color #ffffff
          &.is-active
            color #FFFFFF
            background #000C17
        .menu-item
            height 40px
            line-height 40px
            color #FFFFFF
            background #000C17
            font-size 14px
            font-family PingFangSC-Regular
            font-weight 400
            cursor pointer
            &.is-active,&:hover,&.is-hold
              background #4A5054
              color #ffffff
    .el-container
      height 100%
      overflow hidden
      .el-header
        background #ffffff
        line-height 50px
        padding 0 30px
        position relative
        .to-back
          position absolute
          left 10px
          top 15px
          font-size 20px
      .el-main
        padding 10px
        font-size 14px
        color #333333
        height calc(100% - 50px)
        .el-menu--horizontal
          &>.el-menu-item
            margin-left 20px
            margin-right 30px
            height 46px
            line-height 46px
            color #666666
            font-family PingFangSC-Regular
            &.is-active
              color #333333
              font-family PingFangSC-Medium,Microsoft YaHei,"微软雅黑"
              border-bottom-color #307BF6
              font-weight bold
            &:first-child
              margin-left 0
            &:last-child
              margin-right 0
        .el-table
          margin-top 20px
          font-size 14px
          &:before
            height 0
          .el-table__empty-text
            width 100%
          th
            padding 9px 0 8px 0
            color #2C2C2C
            font-family PingFangSC-Medium, Microsoft YaHei, "微软雅黑"
            font-weight bold
            font-size 14px
            background-color #FAFAFA
            &.is-leaf
              border-bottom none
          td
            padding 4px 0 3px 0
            color #666666
            font-size 14px
            height 40px
            .el-radio-group
              .el-radio__label
                display none
  .empty-content
    padding-top 86px
    position relative
    text-align center
    .content
      position absolute
      bottom 30%
      left 47%
      color #333333
      font-size 16px

  .custom
    .el-input, .el-select
      box-sizing border-box
      width 218px
      margin 10px
      .el-input__icon
        line-height 28px
      .el-input
        margin 0
      .el-input__inner
        width 218px
        height 28px
        line-height 28px
        padding-left 6px
        border-radius 0
        font-size 14px
  .el-select-dropdown__item
    font-size 14px
  .el-dropdown-menu__item
    padding 0
    .el-button--text
      width 100%
      padding-left 10px
      padding-right 10px
  .el-button
      font-size 14px
      border-radius 0
      font-family PingFangSC-Regular
      font-weight 400
      cursor pointer
      &.color-gray,&.color-gray:hover,&.color-gray:active,&.color-gray:focus
        color #999999
        border 1px solid #D9D9D9
      &.color-blue,&.color-blue:hover,&.color-blue:active,&.color-blue:focus
        color #307BF6
        border 1px solid #307BF6
      &.min
        width $btn-min-width
        height $btn-min-height
        padding 0
      &.medium
        width $btn-medium-width
        height $btn-medium-height
        padding 0 10px!important
      &.bg-color-blue
        background #307BF6
        color #ffffff
        border-color #307BF6
        &.is-disabled
          opacity 0.7
          cursor not-allowed
  .el-popover
    color rgba(51, 51, 51, 1)
    font-family PingFangSC-Regular
    font-size 14px
    font-weight 400
    line-height 22px
    &.popover-hover
      padding 6px 0 15px 0px
      text-align center
      border-radius 0
      // box-shadow 0px 2px 4px 0px rgba(0,0,0,0.5)
      .popper__arrow
        // border-color rgba(0,0,0,0.5)box-shadow 0px 2px 4px 0px rgba(0,0,0,0.5)
      p
        border:1px solid rgba(0,0,0,1);
        padding 3px
        width 112px
        height 112px
        text-align center
        margin auto
        margin-top 4px
        // img

      .el-popover__title
        font-size 14px
        color #333333
        padding 4px 30px
        text-align center
        line-height 22px
        margin 0
  .el-popover__reference
    color rgba(217, 217, 217, 1)
    vertical-align middle
    cursor pointer

  .el-menu--vertical
    .el-menu
      background #000C17
      color #FFFFFF
      padding 0
      .menu-item
        height 40px
        line-height 40px
        color #FFFFFF
        background #000C17
        font-size 14px
        font-family PingFangSC-Regular
        font-weight 400
        cursor pointer
        &.is-active,&:hover
          background #4A5054
          color #ffffff
  .el-select-group__title
    font-size: 14px
  .el-message-box
    width 433px
    &.custom-confirm
      width 433px
      .el-message-box__content
        padding-top 30px
        padding-bottom 20px
        height 90px
        .el-message-box__status.el-icon-warning
          // top 40px
          font-size 18px !important
      .el-message-box__btns
        padding-bottom 20px
    .el-message-box__content
      height 110px
      padding-top 20px
      .el-message-box__status.el-icon-warning
          // top 30px
          font-size 18px !important
  .el-button
    &.el-button--primary
      color #FFF
      background-color #307BF6
      border-color #307BF6
      &:focus
        opacity: 1
        color #FFF
        background-color #307BF6
        border-color #307BF6
      &:hover
        background-color #409EFF
        border-color #409EFF
      &.is-disabled
        // opacity 0.6
        background #a0cfff
        border-color #a0cfff

  .el-message-box
    &.confirm-dialog
      width 570px
      height 220px
      border-radius 0
      .el-message-box__header
        padding 16px 20px
        height 50px
        border-bottom 1px solid rgba(0,0,0,0.09)
        .el-message-box__title
          font-size 16px
          font-family PingFangSC-Medium, Microsoft YaHei, "微软雅黑"
          font-weight:500
          color:rgba(0,0,0,0.85)
      .el-message-box__content
        .el-message-box__status
          position relative
          &.el-icon-warning
            top 32px
            left 42px
        .el-message-box__message
          padding-left 64px
      .el-message-box__btns
        border-top 1px solid rgba(0,0,0,0.09)
        padding-top 15px
        .el-button
          width 120px
          height 32px
          padding 1px
          text-align center
  .el-dialog
    &.confirm-pay-dialog
      width 570px
      // height 220px
      border-radius 0
      .el-dialog__header
        padding 12px 20px
        height 50px
        border-bottom 1px solid rgba(0,0,0,0.09)
        font-size 16px
        i{
          color #C8C8C8
          margin-left 4px
        }
        .el-dialog__title
          font-size 16px
          font-family PingFangSC-Medium, Microsoft YaHei, "微软雅黑"
          font-weight:500
          color:rgba(0,0,0,0.85)
      .el-dialog__body
        // height 105px
        padding 34px 34px 20px 34px
        .el-icon-warning
            // top 52px
            font-size 14px
            margin-right 6px
            color #333333
      .el-dialog__footer
        border-top 1px solid rgba(0,0,0,0.09)
        padding-top 15px
        .el-button
          width 120px
          height 32px
          padding 1px
          text-align center
          font-size 14px
  .align-height
    /*flex 布局*/
    display flex
    /*实现垂直居中*/
    align-items center
    /*实现水平居中*/
    // justify-content center
    text-align justify

  .el-scrollbar__wrap
    scrollbar-width none
    -ms-overflow-style none
    margin 0 !important//修复element-UI上一个偶现问题

  .over-hidden
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

  .el-radio
    margin-right 14px
    &+.el-radio__label
      font-size 14px
      font-family PingFangSC-Regular
      font-weight 400
      color rgba(51, 51, 51, 1)
    &.is-checked
      &+.el-radio__label
        font-size 14px
        font-family PingFangSC-Regular
        font-weight 400
        color rgba(51, 51, 51, 1)
      .el-radio__input
        &.is-checked
          .el-radio__inner
            border-color rgba(48, 123, 246, 1)
            background #ffffff
            &:after
              background-color rgba(48, 123, 246, 1)
              width 6px
              height 6px
            &__label
              padding-left 8px
.el-message-box__wrapper
  z-index 11111 !important